<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>账号登录</title>
  <link rel="stylesheet" href="../js/layui/css/layui.css">
  <link rel="stylesheet" href="../js/bootstrap-3.4.1/dist/css/bootstrap.css">
  <link rel="stylesheet" href="../css/通用css/通用样式标.css">
  <link rel="stylesheet" href="../js/动画库/animate.css">
  <link rel="shortcut icon" href="../img/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="../css/login.css">
</head>
<body>
 <div id="box">
    <div class="login">
        <div class="banner">
            <img src="../img/1650888833404.jpg" alt="" class="banner-img">
            <div class="logo">

            </div>
            <div class="layout">
                <div class="login-switch">
                    <img src="../img/default.png" class="default">
                    <img src="../img/hover.png" class="hover">
                </div>
                <div class="login-way-tip">扫码登录更安全</div>
                <div class="inner-box">
                    <div class="toggle-module">
                        <span class="border active">短信验证码登录</span>
                        <span  class="">帐号密码登录</span>
                        <div class="active-b "></div>
                    </div>
                    <div id="yanz">
                        <div>
                            <div class="input-area">
                                <div class="phone-box">
                                    <div class="phone-code">
                                        <span class="code-item">+86</span>
                                        <span class="icon-arrow-down">

                                        </span>
                                    </div>
                                    <input  type="text" placeholder="请输入手机号" class="input">
                                </div>
                            </div>
                            <div class="code-box clearfix">
                                <input  type="text" password="false" placeholder="请输入验证码" id="password1" class="input">
                                <input type="password" placeholder="请输入密码"class="input" id="password" style="display:none ;">
                                <div  class="get-code-pc ellipsis">
                                    <span class="get"> 获取验证码 </span>
                                    <span class="separator"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="os-pc-btn">登录</div>
                    <div  class="register-button"><a href="../html/register.html">注册vivo帐号</a></div>
                    <div class="other-way-login">
                        <div class="o-title">其它方式登录</div>
                    </div>
                    <div class="icon-box clearfix">
                        <div class="icon-item">
                            <div class="img-weixin">

                            </div>
                        </div>
                        <div class="icon-item">
                            <div class="img-zhifubao">
                                
                            </div>
                        </div>
                        <div class="icon-item">
                            <div class="img-weibo">
                                
                            </div>
                        </div>
                    </div>
                    
                </div>
                <div class="login-scan-box inner-box" style="display: none;">
                        <div>
                            <p class="scan-title" style="text-align:center ;font-size: 20px;">手机扫码，安全登录</p>
                            <div class="scan-code">
                                <img src="../img/QRCode.png" alt="">
                            </div>
                            <div  id="error-area" style="display: none;" >
                                <p  class="error-title">二维码已失效</p>
                                <div  class="os-pc-btn1">刷新</div>
                            </div>
                            <p  class="scan-tip">请在手机端将vivo帐号更新为最新版本，并进入设置&gt;vivo帐号 扫码登录</p>
                            <img src="../img/qrtip.e571d60c.png" class="scan-legend">
                        </div>
                </div>
            </div>
            
        </div>
    </div>
 </div>
 <!-- 底部 -->
 <div class="foot">
    <div class="service">
        <span class="to-service online-person">
            <img src="../img/下载 (1).png">
            <span data-v-5ea081d0=""> 在线客服</span>
        </span>
        <span class="to-service">
            <img src="../img/下载 3.png" alt="" class="phone">
            <span dclass="hot-line"> 400-678-9688(24小时全国服务热线)</span>
        </span>
    </div>
    <div  class="copyright">
         COPYRIGHT ©2011-2022 广东天宸网络科技有限公司 版权所有 保留一切权利 | 隐私政策 | 法律声明 | 粤B2-20080267 | 粤ICP备05100288号
    </div>
 </div>

</body>
</html>
<script src="../js/jquery.js"></script>
<script src="../js/layui/layui.js"></script>
<script src="../js/bootstrap-3.4.1/dist/js/bootstrap.js"></script>
<script src="../js/login.js"></script>

<script>
layui.use(['layer', 'form'], function(){
  var layer = layui.layer
  ,form = layui.form;
  
    //验证码登录
    // layer.msg('Hello World');
  
});
</script> 